<template>
<!-- 批量操作选择器 -->
    <div>
        <el-select v-model="value" class="m-2" placeholder="批量操作" size="large" placement="top-start">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
        <el-button type="primary" @click="emit('optionsFn',value)">确定</el-button>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const value = ref('')
const options = [
    {
        value: 1,
        label: '设为推荐',
    },
    {
        value: 0,
        label: '取消推荐',
    },
    {
        value: 2,
        label: '删除',
    },
]
const emit = defineEmits(['optionsFn'])
</script>

<style scoped>

</style>